export const dynamic = "force-dynamic";

import { SignIn } from "@clerk/nextjs";
import { sanitizeAuthRedirect } from "@/lib/sanitize-auth-redirect";

interface Props {
  searchParams: Promise<{ redirect_url?: string }>;
}

export const metadata = { title: "Sign in" };

export default async function SignInPage({ searchParams }: Props) {
  const { redirect_url } = await searchParams;
  const redirectUrl = sanitizeAuthRedirect(redirect_url, "/dashboard");

  return (
    <div className="flex min-h-[calc(100vh-4rem)] items-center justify-center px-4">
      <SignIn
        fallbackRedirectUrl={redirectUrl}
        signUpUrl="/sign-up"
      />
    </div>
  );
}